.ORDER{
    background-image: url(../assets/back1.png);
    width: 221px;
    height: 750px;
    mask-repeat: no-repeat;
    background-size: cover;
}
.FLEX{
    display: flex; flex-direction: row;
    margin-left: 300px;
}
.title{
font-size: 19px;
font-family: MicrosoftYaHeiUI-Bold-, MicrosoftYaHeiUI-Bold;
font-weight: normal;
color: #FFFFFF;
margin-left: 50px;
}
.titleIcon{
    width: 13px;
    height: 11px;
    margin-left: 36px;
    margin-top: 11px;
}
.homePage{
    width: 221px;
    margin-top: 26px;
    display: flex;
    flex-direction: row;
}
.whiteText{
font-size: 15px;
font-family: MicrosoftYaHeiUI-, MicrosoftYaHeiUI;
font-weight: normal;
color: #AAAAAA;
margin-left: 8px;
}
.homepageIcon{
    width: 16px;
    height: 16px;
    margin-left: 36px;
}
.list{
    width: 59px;
    height: 171px;
    margin-top: 10px;
}
.listText{
width: 69px;
font-size: 15px;
font-family: MicrosoftYaHeiUI-, MicrosoftYaHeiUI;
font-weight: normal;
color: #AAAAAA;
line-height: 51px;
margin-left: 60px;
}
.backImg2{
width: 1700px;height: 750px;
background-color: #EFF6FC;
}
.title2{
font-size: 17px;
font-family: MicrosoftYaHeiUI-Bold-, MicrosoftYaHeiUI-Bold;
font-weight: bold;
color: #2C2C2C;
margin-left: 34px;
margin-top: -50px;
width: 200px;
}
.userContent{
height: 51px; 
width: 400px;
margin-left: 708px;
margin-top: 28px;
display: flex;
flex-direction: row;
}
.head{
    width: 51px;
    height: 51px;
    border-radius: 50%;
    background-color: #2C2C2C;
}
.dataSearch{
    width: 1175px;
    height: 65px;
    margin-top: 40px;
    margin-left: 25px;
    z-index: 1;
    background-color: #ffffff;
    display: flex;
    flex-direction: row;
}
.userText{
font-size: 15px;
font-family: MicrosoftYaHei-, MicrosoftYaHei;
font-weight: normal;
margin-top: 15px;
margin-left: 8px;
}
.out{
    width: 65px;
    height: 31px;
    border-radius: 15px 15px 15px 15px;
    background-color: #F56C6C;
    margin-left: 6px;
    margin-top: 11px;
    text-align: center;
}
.outIcon{
    width: 13px;
    height: 13;
    margin-top: 10px;
}
.outText{
    font-size: 14px;
    font-family: MicrosoftYaHei-, MicrosoftYaHei;
    font-weight: normal;
    color: #ffffff;
    margin-top: -10px;
    margin-left: -5px;
}
.dataText{
font-size: 15px;
font-family: MicrosoftYaHeiUI-, MicrosoftYaHeiUI;
font-weight: normal;
color: #7C7C7D;
margin-left: 41px;
padding-top: 23px;
}
.dataSelect{
height: 30px;
width: 207px;
border-radius: 8px 8px 8px 8px;
margin-left: 10px;
margin-top: 12px;
border-color:#EFF6FC;
}
.search{
width: 77px;
height: 34px;
background: #63B0FF;
border-radius: 5px 5px 5px 5px;
margin-left: 23px;
margin-top: 13px;
text-align: center;
}
.s1{
    width: 8px;
    height: 8px;
    margin-top: 14px;
}
.s1_1{
font-size: 13px;
font-family: MicrosoftYaHei-, MicrosoftYaHei;
font-weight: normal;
color: #FFFFFF;
margin-top: 14px;
margin-left: 2px;
}
.delet{
    width: 77px;
    height: 34px;
    margin-top: 13px;
    margin-left: 18px;
}
.PageList{
    width: 1175px;
    height: 350px;
    background-color:#ffffff ;
    margin-top: 15px;
    margin-left: 25px;
    border: 1px solid #EFF6FC;
}
.number{
    width: 202px;
    height: 44px;
    margin-top: 10px;
    margin-left: 55px;
    background-color: #FFFFFF;
    border: 1px solid #EFF6FC;

}
.PageNumber{
    width: 355px;
    height: 44px;
    margin-left: 570px;
    margin-top: 0px;
    background-color: #ffffff;
}
.demo-form-inline{
    padding-top: 10px;
    margin-left: 20px;
}
.searchForm{
    background-color: #FFFFFF;
    margin-top: 100px;
    width: 1200px;
    height: 60px;
    margin-left: 50px;
}
.Table{
    margin-top: 10px;
    width: 1200px;
    margin-left: 50px;
    box-shadow: 0px 0px 3px 1px #c9c7c7;
}
.pagination{
    margin-left: 50px;
}
.tree{
        flex: 1;
        display: flex;
        align-items: center;
background-color: #EFF6FC;
        font-size: 14px;
        padding-right: 50px;
    
      
}